<template>
  <div class="loading-container">
    <div class="loading-spinner"></div>
    <p class="loading-text">正在跳转到监控概览...</p>
  </div>
</template>

<script setup>
definePageMeta({
  layout: 'admin'
})

// 自动跳转到监控概览页面
onMounted(() => {
  navigateTo('/admin/monitor/overview')
})
</script>

<style scoped>
.loading-container {
  @apply flex flex-col items-center justify-center min-h-screen bg-gray-50 ;
}

.loading-spinner {
  @apply w-12 h-12 border-4 border-blue-200 border-t-blue-600 rounded-full animate-spin mb-4;
}

.loading-text {
  @apply text-gray-600  text-lg;
}
</style>
